<div class="col-sm-1 col-md-1 col-xs-1 sidebar">
  <ul class="nav nav-sidebar">
    <li role="presentation">
      <a data-ng-click="connectAll()">
        <span>全部连接</span>
      </a>
    </li>
    <li class="repeat-animation" data-ng-repeat="connect in connectPool track by $index" data-ng-class="{'active': $index == activeConn}" role="presentation">
      <a data-ng-click="changeConn($index, connect)">
        <input class="displayName" data-ng-readonly="connect.isConnect != 'connected'" placeholder="{{connect.ip}}" readonly>
        <!--<span data-ng-bind="connectName[connect.ip] || connect.ip || $index"></span>-->
        <span class="fa" data-ng-class="{'fa-ban':connect.isConnect == 'disconnect','fa-spinner fa-pulse':connect.isConnect == 'connecting','fa-check':connect.isConnect == 'connected'}"></span>
        <span class="glyphicon glyphicon-transfer" data-ng-show="connect.reportStatus"></span>
      </a>
      <div class="info">
        <div class="canvas"></div>
        <span>IP:</span>
        <span data-ng-bind="connect.ip"></span>
        <!--<div class="col-xs-3" data-ng-click="removeConn($index, connect)">-->
        <!--<span class="glyphicon glyphicon-remove"></span>-->
        <!--</div>-->
        <div class="input-group">
          <label for="ip">IP地址</label>
          <input id="ip" type="url" data-ng-model="connect.ip">
          <label for="name">名称</label>
          <input id="name" type="url" data-ng-model="connectName[connect.ip]">
          <button></button>
        </div>
      </div>
    </li>
    <li role="presentation" data-ng-hide="connectPool.length>9">
      <a data-ng-click="newConn();">
        <span class="glyphicon glyphicon-plus"></span>
      </a>
    </li>
  </ul>
</div>